<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        报修管理
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/main.css" media="all">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script type="text/javascript" src="lib/loading/okLoading.js"></script>
</head>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>服务管理</cite></a>
              <a><cite>报修列表</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <form class="layui-form x-center" action="" style="width:800px">
        <div class="layui-form-pane" style="margin-top: 15px;">
            <div class="layui-form-item">
                <label class="layui-form-label">日期范围</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="start"  placeholder="开始日" id="LAY_demorange_s">
                </div>
                <div class="layui-input-inline">
                    <input class="layui-input" name="end" placeholder="截止日" id="LAY_demorange_e">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="repairNo"  placeholder="报修编号"  autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn" onclick ="repair_search()" id="search"  type="button"  lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                </div>
            </div>
        </div>
    </form>
    <xblock>
       
       
        <span class="x-right" style="line-height:40px">共有数据：<span id="total" class="layui-badge">3</span> 条</span>
    </xblock>
    <table class="layui-table" id="table-1">
        <thead>
        <tr>
            <th>
                <input type="checkbox" name="" value="">
            </th>
            <th>
                报修编号
            </th>
            <th>
                房间号
            </th>
            <th>
                报修时间
            </th>
            <th>
                报修描述
            </th>
            
            <th>
                处理日期
            </th>
            <th>
                处理人
            </th>
            <th>
                缴费单号
            </th>
            <th>
                报修状态
            </th>
            <th>
                操作
            </th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>
                <input type="checkbox" value="1" name="">
            </td>
					<td>211</td>
					<td>201</td>
					<td>2022-05-21</td>
					<td>水龙头坏了</td>
					<td>2022-05-26</td>
					<td>李四</td>
					<td>111111</td>
					<td class="td-status"><span
						class="layui-btn layui-btn-danger "> 已受理 </span></td>
					<td class="td-manage"><a title="编辑" href="javascript:;"
						onclick="repair_edit('编辑','repairadd.html','2','1000','600')"
						class="ml-5" style="text-decoration: none"> <i
							class="layui-icon">&#xe642;</i></a> 
					<a title="删除" href="javascript:;" onclick="repair_del(this,'2')"
						style="text-decoration: none"> <i class="layui-icon">&#xe640;</i>
					</a>
					</td>
				</tr>
       
        </tbody>
    </table>
	<div class="layui-card-body " >
						<div class="page">
							<div class="layui-table-page">
								<div id="layui-table-page1">
									<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-2">
										
									</div>
								</div>
							</div>
						</div>
	</div>
   
</div>
<script src="lib/layui/layui.js" charset="utf-8"></script>
<script src="js/x-layui.js" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
let pageNum = 1;
let pageSize = 1;
repair_search_page();
//ajax传商品列表
function repair_search_page(){
	pageSize = $("#layui-laypage-2 select").val();
	if(pageSize == null){
		pageSize = 1;	
	}
	 
	$.ajax({
		async:true,
		type:"get",
		url:"${pageContext.request.contextPath}/RepairServlet",
		data:{
			op:"repairPage",
			start:$("input[name='start']").val(),
			end:$("input[name='end']").val(),
			repairNo:$("input[name='repairNo']").val(),
			pageNum:pageNum,
			pageSize:pageSize
		},
		contentType:"application/x-www-form-urlencoded",
		dataType:"json",
		success:function(result,status,xhr){
			$("#total").html(result.data.total);
			let content = "";
			if(result.data != null){
				$.each(result.data.list,function(index, obj) {
					let isShelf = "";
					let handleTime = "暂无时间";
					let payNo = "暂无支付编号";
					let handler = "暂无处理人";
					if(obj.repairHandler != null && "" != obj.repairHandler ){
						handler = obj.repairHandler
					}
					if(obj.repairDealTime != null && "" != obj.repairDealTime ){
						handleTime = obj.repairDealTime.replace("T"," ");
					}
					if(obj.payNo != null && "" != obj.payNo ){
						payNo = obj.payNo;
					}
					
					if("02"==obj.repairStatus){
						isShelf = "<td class=\"td-status\"><span class=\"layui-btn layui-btn-danger \"> 已受理 </span></td>";
					}else if("01"==obj.repairStatus){
						isShelf = 
			           		"<td class=\"td-status\"><span class=\"layui-btn layui-btn-normal \"> 未受理 </span></td>";
					}else if("03"==obj.repairStatus){
						isShelf = 
			           		"<td class=\"td-status\"><span class=\"layui-btn layui-btn-warm \"> 已维修 </span></td>";
					}
					
					content += "<tr>"+
					"<td>"+
            		"<input type=\"checkbox\" value=\"1\" name=\"\">"+
       				 "</td>"+
					"<td>"+obj.repairNO+"</td>"+
					"<td>"+obj.roomNo+"</td>"+
					"<td>"+obj.repairCreateTime.replace("T"," ")+"</td>"+
					"<td>"+obj.repairContent+"</td>"+
					"<td>"+handleTime+"</td>"+
					"<td>"+handler+"</td>"+
					"<td>"+payNo+"</td>"+
					isShelf+
					"<td class=\"td-manage\"><a title=\"编辑\" href=\"javascript:;\" onclick=\"repair_edit('编辑','repair-edit.jsp?repairNo="+obj.repairNO+"','2','1000','600')\" class=\"ml-5\" style=\"text-decoration: none\">"+
					"<i class=\"layui-icon\">&#xe642;</i></a> "+
					"<a title=\"删除\" href=\"javascript:;\" onclick=\"repair_del('"+obj.repairNO+"','"+obj.repairStatus+"')\" style=\"text-decoration: none\"> "+
					"<i class=\"layui-icon\">&#xe640;</i></a>"+
					"<a title=\"收费\" href=\"javascript:;\" onclick=\"repair_pay('收费','repair-pay.jsp?repairNo="+obj.repairNO+"','2','1000','600')\" class=\"ml-5\" style=\"text-decoration: none\"> "+
					"<i class=\"layui-icon\">&#xe65e;</i>" +
                  	"</a>"+
					"</a>"+
					"</td>"+
					"</tr>"; 
					
					
				});
				$("#table-1 tbody").html(content);
			}else{
				$("#table-1 tbody").empty();
			}
			//渲染分页栏目
			let pageContent="";
			if(result.data != null){
				
				//判断是不是第一页
				if(result.data.pageNum == 1){
					pageContent="<a href=\"javascript:;\" class=\"layui-laypage-prev layui-disabled\" data-page=\"0\"><i class=\"layui-icon\">上一页</i></a>";
				}else{
					pageContent="<a href=\"javascript:;\" class=\"layui-laypage-prev\" data-page=\""+(result.data.pageNum-1)+"\"><i class=\"layui-icon\">上一页</i></a>";
				}
				for(let i=1;i<=result.data. pages;i++){
					//判断当前页码
					if(i == result.data.pageNum){
						pageContent+="<span class=\"layui-laypage-curr\" data-page=\""+i+"\"><em class=\"layui-laypage-em\"></em><em>"+i+"</em></span>";
					}else{
						pageContent+="<a href=\"javascript:;\" data-page=\""+i+"\">"+i+"</a>";
					}
					
					
				} 
				
			 //判断是否是最后一页
			 if(result.data.pageNum == result.data.pages){
				 pageContent += "<a href=\"javascript:;\" class=\"layui-laypage-next layui-disabled\" data-page=\""+(result.data.pageNum+1)+"\"><i class=\"layui-icon\">下一页</i></a>";
			 }else{
				 pageContent += "<a href=\"javascript:;\" class=\"layui-laypage-next\" data-page=\""+(result.data.pageNum+1)+"\"><i class=\"layui-icon\">下一页</i></a>"
			 }
			 
			 pageContent +=	"<span class=\"layui-laypage-limits\">"+
			 				"<select lay-ignore=\"\">"+
			 				"<option value=\"1\" >1条/页</option>"+
			 				"<option value=\"5\">5 条/页</option>"+
			 				"<option value=\"10\">10 条/页</option>"+
			 				"</select></span>";
				$("#layui-laypage-2").html(pageContent);
				
				$("#layui-laypage-2 select option").each(function(){
					if($(this).val() == result.data.pageSize){
						$(this).prop("selected","selected");
					}
				});
			}else{
				$("#layui-laypage-2").html(pageContent);
			}
		},
		error:function(){
			alert("异步请求失败");
		}
	});
}


//点击页数
$("#layui-table-page1").on("click","#layui-laypage-2 a",function(){
	
	pageNum = $(this).data("page");
	
	repair_search_page();
});

//确定
$("#layui-table-page1").on("click","#layui-laypage-2 button",function(){
	let inputPageNum = $("#layui-laypage-2 input").val();
	//获取最大页数
	let pageMax =  $("#layui-laypage-2 input").prop("max");
	if(inputPageNum >= 1 && inputPageNum <= pageMax){
		pageNum = inputPageNum;
		repair_search_page();
	}else {
		layui.use('layer',function(){
			layer.msg("输入页码只能在1-"+pageMax+"之间",{icon:2,time:3000});
		});
	}
});

//条数下拉框事件
$("#layui-table-page1").on("change","#layui-laypage-2 select",function(){
	//设置页码数
	pageNum = 1;
	repair_search_page();
});


//点击搜索

function repair_search(){
	pageNum = 1;
	repair_search_page();
}
</script>



<script>
layui.use(['laydate','element','laypage','layer'], function(){
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        okLoading.close($);
        //以上模块根据需要引入


        var start = {
            
            max: '2099-06-16 23:59:59'
            ,istoday: false
            ,choose: function(datas){
               //将结束日的初始值设定为开始日
            }
        };

        var end = {
           	max: '2099-06-16 23:59:59'
            ,istoday: false
            ,choose: function(datas){
                //结束日选好后，重置开始日的最大日期
            }
        };

        document.getElementById('LAY_demorange_s').onclick = function(){
            start.elem = this;
            laydate(start);
        }
        document.getElementById('LAY_demorange_e').onclick = function(){
            end.elem = this
            laydate(end);
        }
    });

    //批量删除提交
    function delAll () {
        layer.confirm('确认要删除吗？',function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
        });
    }

    function question_show (argument) {
        layer.msg('可以跳到前台具体问题页面',{icon:1,time:1000});
    }
    /*添加*/
    function repair_add(title,url,w,h){
        x_admin_show(title,url,w,h);
    }
    //编辑
    function repair_edit (title,url,id,w,h) {
        url =url;
        x_admin_show(title,url,w,h);
    }
    
   //支付页
    function repair_pay (title,url,id,w,h) {
        url =url;
        x_admin_show(title,url,w,h);
    } 

    /*删除*/
    function repair_del(repairNo, repairStatus){
    		layer.confirm('确认要删除吗？',{icon:3,title:'提示信息'},function(index){
    	           if(repairStatus != 03){
    	        	   layui.use('layer',function(){
  	        				layer.msg("未处理完，不可删除",{icon:5,time:3000});
  	        			});
    	           }else{
    	        	 //发异步删除数据
       	        	$.getJSON("${pageContext.request.contextPath}/RepairServlet",{repairNo:repairNo,op:"repairDelete"},function(result,status,xhr){
       	        		if(result.data == true){
       	        			layui.use('layer',function(){
       	        				layer.msg(result.message,{icon:1,time:3000});
       	        			});
       	        											   
       	        			//设置页码
       	        			pageNum = $("#layui-laypage-2 span.layui-laypage-curr").data("page");
       	        			repair_search_page();
       	        		}else{
       	        			layui.use('layer',function(){
       	        				layer.msg(result.message,{icon:2,time:3000});
       	        			});
       	        		}
       	        		
       	        		
       	        	});
    	           }
    	           
    	           
    	        });
    	
    }
</script>

</body>
</html>